// 初始化查询信息
var name = "";
var cardType = "";
var phone = '';
var temperature = '';
var startCtime = '';
var endCtime = '';
// 初始化分页参数
var currPage = 1;// 当前页
var totalPage = 1;// 总页数
var offset = 0;// 起始条数
var limit = 5; // 显示条数 5条

// 重置按钮添加监听
$("#btnReset").click(function(){
	// 清空内容
	$("#startCtime").val("");
	$("#endCtime").val("");
	$("#orderNumber").val("");
	$("#machineSelect option[value='']").prop("selected", true);
})

//导出监听
$("#daoChu").click(function(){
    offset = 0; //记录起始位置
    limit = 5; // 显示条数
    startCtime = $("#startCtime").val();
    endCtime = $("#endCtime").val();
    name = $("#name").val();
    exportAreaExcel();

})

// 导出数据
function exportAreaExcel() {
    // var data ={orderNumber: orderNumber,  machineUid: machineUid,startCtime:startCtime,endCtime:endCtime,	limit:5,
    //     offset:0};


    var oReq = new XMLHttpRequest();
    oReq.open("POST", "export.do", true);
    // xmlhttp.setRequestHeader("Content-Length",arg.lenght);
    oReq.setRequestHeader("Content-Type","application/x-www-form-urlencoded;");
    oReq.responseType = "blob";
    oReq.onload = function (oEvent) {
        const link = document.createElement('a')
        var blob = new Blob([oReq.response], {type: 'application/vnd.ms-excel'});
        link.style.display = 'none'
        link.href = URL.createObjectURL(blob);
        let num = ''
        for (var i = 0; i < 10; i++) {
            num += Math.ceil(Math.random() * 10)
        }
        link.setAttribute('download', '上报数据_' + num + '.xlsx')
        document.body.appendChild(link)
        link.click()
        document.body.removeChild(link)
    };
   // var dto = "{'orderNumber':'王继军','limit':'上海天正','offset':'田林路388号'}";
    // var formData = new FormData();
    // formData.append("data", JSON.stringify({orderNumber:orderNumber,limit:5,offset:0}));
    // //将用户输入值序列化成字符串
    // // alert(JSON.stringify(sendData))
    oReq.send("startCtime="+startCtime+"&endCtime="+endCtime+"&name="+name+"&offset="+offset+"&limit="+limit);
}


function showMachineList(arr){
	var str='';
	str+='<option value="">请选择收银机</option>';
	for (var i = 0; i < arr.length; i++) {
		str+='<option value="'+arr[i].machineUid+'">'+arr[i].machineUid+'</option>';
	}
	$('#machineSelect').html(str);
}


// 把信息放入表格中的方法
function addOrderInfoToTable(arr){
	var arrLength = arr.length;
	for(var i=0;i<arr.length;i++){
		var num = offset+i+1;
		var card_type=''
        debugger
		if(arr[i].cardType == 1){
            card_type = '居民身份证'
		}else{
            card_type = '学生证'
		}
        var temperature = '';
        if(arr[i].temperature == 1){
            temperature = '偏低'
        }else if (arr[i].temperature == 2) {
            temperature = '正常'
        }else{
            temperature = '偏高'
        }
		var tr = `
		<tr>
			<!-- <td>${num}</td>-->
			<td>${arr[i].name}</td>
			<td>${arr[i].phone}</td>
			<td>${card_type}</td>
			<td>${arr[i].cardCode}</td>
			<td>${arr[i].address}</td>
			<td>${arr[i].addressDetail}</td>
			<td>${temperature}</td>
			<td>${arr[i].guangdong}</td>
			<td>${arr[i].createTime}</td>
			<td>
			<button class="btn btn-link icon icon-times" type="button" id="${arr[i].id}" onclick="deleteFoodInfo(this)">删除</button>
				<!--<button class="btn btn-link icon icon-search" type="button" 
				 orderNumber="${arr[i].orderNumber}" orderId="${arr[i].orderId}" onclick="showDialog(this)">查看</button>-->
			</td>		
		</tr>		
		`;
		$("#tbody").append(tr);
	}
	//$("#totalP").html("订单统计：订单总数:"+arrLength+ " , 订单总金额:"+money+"元");

}

// 获取信息的方法
function searchOrderInfo(){
	layer.load(2); // 加载样式
	// 发送请求
	$.ajax({
		url:"searchFoodInfoByPage.do",
		type:"POST",
		dataType:"JSON",
		data:{
            name:name,
            cardType:cardType,
            phone:phone,
            temperature:temperature,
            startCtime:startCtime,
            endCtime:endCtime,
			limit:limit,
			offset:offset
		},
		success:function(data){
			layer.closeAll('loading'); // 关闭加载样式
			$("#tbody").html("");// 清空表格
			count = data.datas.count; // 获取记录数量
			// 计算分页
			if (count == 0) {
				// 没有信息就不调用添加方法
				totalPage = 1;
				layer.msg("未查询到相关上报信息！");
			} else {
				totalPage = count % limit == 0 ? (count / limit) : (parseInt(count / limit + 1));

				var orderInfoList = data.datas.foodInfoRelList; // 获取信息
				addOrderInfoToTable(orderInfoList);
			}
			// 显示页码
			$("#page").html(currPage + "/" + totalPage);
		},
		error:function(err){
			layer.closeAll('loading'); // 关闭加载样式	
		}
	})
		
}

// 查询按钮添加监听
$("#btnSearch").click(function() {
	// 初始化分页参数
	offset = 0; //记录起始位置
	count = 0; // 记录数
	limit = 5; // 显示条数
	currPage = 1; // 当前页
	totalPage = 1; // 总页数
	// 获取参数
	startCtime = $("#startCtime").val();
	endCtime = $("#endCtime").val();
    name = $("#name").val();
	// 调用查询
	searchOrderInfo();
});

// 上一页按钮添加监听
$("#btnPrevPage").click(function() {
	// 判断当前页位置
	if (currPage == 1) {
		layer.msg("已经到首页啦！");
	} else {
		currPage--;
		offset = (currPage - 1) * limit;
		// 调用查询
		searchOrderInfo();
	}
});

// 下一页按钮添加监听
$("#btnNextPage").click(function() {
	// 判断当前页位置
	if (currPage == totalPage) {
		layer.msg("已经到尾页啦！");
	} else {
		currPage++;
		offset = (currPage - 1) * limit;	
		// 调用查询
		searchOrderInfo();
	}
});


// 修改窗口弹出的方法
function showDialog(obj){
	// 获取当前参数id
	var orderId = obj.getAttribute("orderId");
	var orderNumber = obj.getAttribute("orderNumber");
	layer.load(2); // 加载样式
	// 发送请求
	$.ajax({
		url:"selectDetailByOId.do",
		type:"POST",
		dataType:"JSON",
		data:{
			orderId:orderId,
			orderNumber:orderNumber
		},
		success:function(data){
			layer.closeAll('loading'); // 关闭加载样式
			var orderInfo = data.datas.orderInfo;
			var detailRelList = data.datas.detailRelList;
			
			var ispay='未支付';
			if(orderInfo.orderIspay==1){
				ispay='已支付';
			}
			// 修改 修改窗口内容
			$("#showOrderNumber").html(orderInfo.orderNumber);
			$("#showMachineUid").html(orderInfo.machineUid);
			$("#showDateAndTime").html(orderInfo.orderCtime);
			$("#showOrderMoney").html(orderInfo.orderMoney);
			$("#showOrderIspay").html(ispay);
			$("#showTbody").html("");
			for(var i=0;i<detailRelList.length;i++){
				var num = i+1;
				var tr = `
				<tr>
					<td>${num}</td>
					<td>${detailRelList[i].typeName}</td>
					<td>${detailRelList[i].foodCount}</td>
					<td>${detailRelList[i].foodPrice}</td>	
				</tr>		
				`;
				$("#showTbody").append(tr);
				
			}
			
			// 显示窗口
			$("#dialogShow").modal('show', 'fit');
		},
		error:function(err){
			layer.closeAll('loading'); // 关闭加载样式	
		}
	})
}

// 删除方法
function deleteFoodInfo(obj) {
    // 获取参数
    var id = obj.getAttribute("id");
    layer.confirm("是否确认删除该信息？", {
            btn: ["确定", "取消"],
            icon: 0
        },
        // 确定的方法
        function () {
            layer.load(2); // 加载样式
            // 发送请求
            $.ajax({
                url: "deleteFoodInfoById.do",
                type: "POST",
                dataType: "JSON",
                data: {
                    id: id
                },
                success: function (data) {
                    layer.closeAll('loading'); // 关闭加载样式
                    if (data.id == 0) {
                        // 操作成功
                        layer.msg(data.msg, {
                            icon: 1,
                            time: 1000
                        });
                        // 窗口关闭
                        //$("#dialogUpdate").modal('hide', 'fit');
                        // 刷新
                        searchOrderInfo();
                    } else {
                        // 操作失败
                        layer.msg(data.msg, {
                            icon: 2,
                            time: 1000
                        });
                    }
                },
                error: function (err) {
                    layer.closeAll('loading'); // 关闭加载样式
                }
            })
        });

}


// 初始化查询
searchOrderInfo();